<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="./css/contact.css">
        <link rel="stylesheet" href="./css/index.css">
	</head>
	<body>
		<div class="content">
            <div class="first">
                <div class="ft-left">
                    <img src="./img/星球.png">
                    <img src="./img/沙发.png">
                    <img src="./img/消息.png">
                    <img src="./img/首页.png">
                </div>
                <div class="ft-right">
                    <img src="./img/用户.png">
                    <span>ContacUst@Gmail.com</span>
                </div>
            </div>
            <div class="biaoti">
                <div class="biao-left"><img src="./img/97.jpg"></div>
                <div class="biao-right">
                    <ul>
                        <li><a href="£">HOME</a></li>
                        <li><a href="£">BLOG</a></li>
                        <li><a href="£">ABOUT US</a></li>
                        <li><a href="£">CONTACT</a></li>
                    </ul>
                </div>
            </div>
            <div style="background-image:url('./img/null-9d6ed09a580952.jpg');" class="bigimg">
                <div class="bigimg-1">
                    <h1>SEE THE WORD DIFFERENTLY</h1>
                    <p>Requset design and book travel experiences as unique as you are</p>
                    <div class="sousuo">
                        <input value="Where are you going?" />
                        <button><img src="./img/搜索.png"> Search</button>
                    </div>
                    <div class="bigimg-2">
                        <span>TOP DESTINATION:</span>
                        <ul>
                            <li><a href="#">PARIS</a></li>
                            <li><a href="#">NEW YORK</a></li>
                            <li><a href="#">LONDON</a></li>
                            <li><a href="#">ROME</a></li>
                            <li><a href="#">SAN FRANCISCO</a></li>
                            <li><a href="#">MORE</a></li>
                        </ul>
                    </div>
                </div>
            </div>
			<div class="contents">
				<!-- 输入框 -->
				<div class="content-left">
					<h4>Contact</h4>
					<div>
						<p>Enter your name:</p>
						<input type="text" style="width:80%;">
					</div>
					<div>
						<p>Enter your name:</p>
						<input type="text" style="width:80%;">
					</div>
					<div>
						<p>Enter your name:</p>
						<textarea style="width:80%;height:150px;"></textarea>
					</div>
					<button type="submit">Submit</button>
				</div><!--content-left-->
				<div class="content-right">
					<img src="img/img2.jpg" class="right-img" />
					<!-- 盒子一 -->
					<div class="right-one">
						<div class="line">
							<span>Tags</span>
						</div>
						<p>Stray birds of summer come to my window to sing and fly</p>
					</div><!--right-one-->
					<!-- 盒子二-->
					<div class="right-one">
						<div class="line">
							<span>TRENDING NEWS</span>
						</div>
						<div class="right-li">
							<img src="img/img5.jpg" />
							<p>tray birds of summer come to my window</p>
						</div>
						<div class="right-li">
							<img src="img/img5.jpg" />
							<p>tray birds of summer come to my window</p>
						</div>
						<div class="right-li">
							<img src="img/img5.jpg" />
							<p>tray birds of summer come to my window</p>
						</div>
						<div class="right-li">
							<img src="img/img5.jpg" />
							<p>tray birds of summer come to my window</p>
						</div>
					</div><!--right-one-->
					<!-- 盒子三-->
					<div class="right-one">
						<div class="line">
							<span>Archives</span>
						</div>
						<select id="sel" style="background:#ccc;">
							<option value="one">Select Montg</option>
							<option value="one">one</option>
							<option value="one">two</option>
						</select>
					</div><!--right-one-->
					<!-- 盒子四-->
					<div class="right-one">
						<div class="line">
							<span>Gallery</span>
						</div>
						<div class="img-12">
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
							<img src="./img/img2.jpg" />
						</div>
					</div><!--right-one-->
					<!-- 盒子五-->
					<div class="right-one">
						<div class="line">
							<span>Meta</span>
						</div>
						<ul>
							<li>May  2015</li>
							<li>May  2015</li>
							<li>May  2015</li>
							<li>May  2015</li>
						</ul>
					</div><!--right-one-->
				</div><!--content-right-->
                
			</div><!--contents-->
            <div class="last">
                <div class="last-1">
                    <img src="./img/97.jpg">
                    <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
                </div>
                <div class="last-1">
                    <div class="hang">
                        <span>NEWS LETTER</span>
                    </div>
                    <p>Stray birds of summer come to my window to sing and fly away.And yellow leaves of autumn, which have no songs, flutter and fall there with a sign.O Troupe of little vagrants of the world, leave your footprints in my words.</p>
                    <input value="Enter your email address...">
                    <button>SUBCRIBE NOW</button>
                </div>
                <div class="last-1">
                    <div class="hang">
                        <span>NEWS LETTER</span>
                    </div>
                    <div class="last-img">
                        <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                        <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                        <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                        <img src="./img/b8841b5662fb2c587fbd1d409749577.jpg">
                    </div>
                </div>
                <div class="last-2">
                    <p>Copyright @ 2015cOMPANY NAME aLL RIGHTS RESERVED.氢设计</p>
                </div>
            </div>
		</div><!--content-->
	</body>
</html>
